<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/assets/jquery_mobile/jquery.mobile-1.4.5.min.css">
<script src="/assets/js/jquery-1.8.1.min.js"></script>
<script src="/assets/jquery_mobile/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript">


function detect(i){
	if(i == 1){
		$('#ff1').show();
		$('#ff2').hide();
		$('#ff3').hide();
		//alert(i);
	}
	if(i == 2){
		$('#ff1').hide();
		$('#ff2').show();
		$('#ff3').hide();
		//alert(i);
	}
	if(i == 3){
		$('#ff1').hide();
		$('#ff2').hide();
		$('#ff3').show();
		//alert(i);
	}
}

function index(){
	window.location.href = "/";
}
</script>

<title>
</title>
</head>
 <style type="text/css">
        .clear{
        	clear:both;
        }
         .ff1,.ff2,.ff3{
         	width:100%;
        	margin: 0 auto;
        } 
        .ff1_border{
        	width:100%; 	
        }
        .ff1_1{
        	width: 50%;
        	padding-top:20px;
        	padding-bottom:20px;
        	float:left;
        	text-align: center;
        	background-color: white;
        	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }
        .ff1_2{
        	width: 50%;
        	padding-top:20px;
        	padding-bottom:20px;
        	float:left;
        	text-align: center;
        	background-color: white;
        	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }
        .detectInfo{
        	margin-top: 10px;
        }
        .d1{
        	font-weight: 700;
        }
        .d2{
        	margin-top: 10px;
        	margin-left: 2em;
        }
        </style> 
<body>
<div data-role="page">

        <div data-role="header" data-position="fixed">

            <a href="javascript:;" data-role="button" data-icon="home" data-iconpos="notext" onclick="index()"></a>
            <a href="#" data-role="button" data-icon="info" data-iconpos="notext" onclick="enter()"></a>
            <h1>检验报告</h1>

            <div data-role="navbar">
				<ul>
					<li><a href="#" class="ui-btn-active" onclick="detect(2)">平水韵</a></li>
					<li><a href="#" class="ui-btn-active" onclick="detect(3)">中华新韵</a></li>
					<li><a href="#" class="ui-btn-active" onclick="detect(1)">词林正韵</a></li>
				</ul>
			</div>
        </div>
        
       
        <div data-role="content" style="padding-top: 0.5em;">
	        <div class="ff1" id="ff1" style="display: none;">
		        <div class="ff1_border">
		        	<div class="ff1_1">${poemString1 }</div>	
					<div class="ff1_2">${PoemsFormatString1 }</div>
				</div>
			 
				<div class="clear"></div>
				<div class="detectInfo">
					<div class="d1">检验信息：</div>
					<div class="d2">
						${ff1error }
	       				${ff1success }
					</div>	
				</div>
	       </div>
	        

	       <div class="ff1" id="ff2" style="display: block;">
	        	<div class="ff1_border">
		        	<div class="ff1_1">${poemString2 }</div>	
					<div class="ff1_2">${PoemsFormatString2 }</div>
				</div>
		   
				<div class="clear"></div>
				<div class="detectInfo">
					<div class="d1">检验信息：</div>
					<div class="d2">
						${ff2error }
	       				${ff2success }
					</div>	
				</div>
			</div>
	        
	        
	        
	        
	        <div class="ff1" id="ff3" style="display: none;">
		        <div class="ff1_border">
			        	<div class="ff1_1">${poemString3 }</div>	
						<div class="ff1_2">${PoemsFormatString3 }</div>
				</div>
				<div class="clear"></div>
				<div class="detectInfo">
					<div class="d1">检验信息：</div>
					<div class="d2">
						${ff3error }
	       				${ff3success }
					</div>
						
				</div>
			</div>
</div>
</body>
</html>